<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>今日生钱</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back"><i class="icon icon-back"></i></a>
	<h1 class="mui-title">今日生钱</h1>
</header>
<div class="mui-content pb15">
	<div class="made-pill">
    	<div class="pill-num">0.280</div>
        <ul class="pill-bar">
        	<li><label data-val="0.280"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li><label data-val="0.380"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li><label data-val="0.180"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li><label data-val="0.220"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li><label data-val="0.080"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li><label data-val="0.280"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li><label data-val="0.380"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li><label data-val="0.180"><i class="pill-hg"></i></label><p>11-26</p></li>
        	<li class="curr"><label data-val="0.280"><i class="pill-hg"></i></label><p>今天</p></li>
        </ul>
    </div>
    <ul class="c-list mt10">
    	<li>
        	<div class="c-list-key">今日生钱(元)</div>
            <div class="c-list-info c-t-right c-ff425d">0.086</div>
        </li>
    	<li>
        	<div class="c-list-key">今日生钱(元)</div>
            <div class="c-list-info c-t-right c-ff425d"><i class="tab-expect">预计</i>0.190</div>
        </li>
    	<li>
        	<div class="c-list-key">昨日生钱(元)</div>
            <div class="c-list-info c-t-right c-ff425d">0.190</div>
        </li>
    </ul>
    <ul class="c-list mt10">
    	<li>
            <div class="c-list-info">
            	<p class="c-666">累计收益（元）</p>
                <p class="c-f24 c-ff425d c-bold mt5">2.190</p>
            </div>
        	<div class="c-list-key c-pack"><a href="生钱-收益明细.html" class="pill-more">更多明细</a></div>
        </li>
    </ul>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
$('.mui-content').on('click','.pill-bar li',function(){
	$(this).addClass('curr').siblings().removeClass('curr');
	var val = $(this).find('label').attr('data-val');
	$('.pill-num').html(val);
});
var result = 0;
$('.pill-bar li').each(function(){
    var num = $(this).find('label').attr('data-val');
	if(num > result){
		result = num;	
	}
});
$('.pill-hg').each(function() {
	var hg = $(this).parent().attr('data-val')/result;
    $(this).height(toPercent(hg));
});
function toPercent(point){
    var str=Number(point*100).toFixed(1);
    str+='%';
    return str;
}
</script>
</body>
</html>